@media (max-width:980px) {
#wrapper {
    width: 100%;
	padding: 0 10px;
    box-sizing: border-box;
}
#main #content {
    float: none;
    width: 100%;
}
.get-directions {
    width: 100%;
    box-sizing: border-box;
}
.google-map-holder {
    margin: 20px auto 34px;
}
.markers_categories.articles {
    margin: auto;
}
.annotation.city-routes {
    margin: 0px auto 28px;
}
#main #rightcolumn {
    float: none;
    margin: auto;
}
.point-holder {
    width: 100%;
    box-sizing: border-box;
}
ul.routes_list_block {
    width: 20%;
    box-sizing: border-box;
}
#footer .block {
    width: 40%;
    padding: 0 30px 0 0;
    box-sizing: border-box;
}
#footer .container {
    float: left;
    width: 30%;
    box-sizing: border-box;
}
#footer .social-network {
    width: 30%;
    margin: 0;
    padding: 0;
}
.nav-holder {
    width: 100%;
    margin: 0 0 0 0px;
    padding: 0 5px 0;
	background: none;
	box-sizing: border-box;
}
#header {
    box-sizing: border-box;
    margin: 0;
}
.routes-table table {
    width: 100%;
}
.sresult-list .block {
    padding: 0 10px 0 10px;
}
.sresult-list .contact-info {
    height: auto;
    overflow: hidden;
}
.polezn_points.column {
    margin: 10px auto;
	width: 690px !important;
}

}

@media (max-width:767px) {
.google-map-holder {
    width: 100%;
}
.articles {
    margin: 0;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
}
.articles .column {
    width: 49%;
    margin-left: 0;
    box-sizing: border-box;
	    margin-bottom: 10px;
}
.annotation.city-routes {
    width: 100%;
    box-sizing: border-box;
}
.city-routes li {
    width: 33%;
    margin-left: 0;
}
ul.routes_list_block {
    width: 33%;
    margin-bottom: 20px;
}
.polezn_points.column {
    margin: 10px auto;
	width: 100% !important;
	-webkit-column-count: auto !important;
    -moz-column-count: auto !important;
    column-count: auto !important;
}
.polezn_points.column .articles-list li {
	float: left;
    width: 33%;
}
.articles-list li span {
    padding: 0;
}
ins#aswift_2_expand,
ins.adsbygoogle {
	width:100% !important;
	display:block !important;
}
}

@media (max-width:740px) {
.point-calculator .text, .search-panel .text {
    width: 49%;
    box-sizing: border-box;
}
.point-calculator .text-fuel {
    width: 49%;
    box-sizing: border-box;
}
}

@media (max-width:620px) {
.point-calculator label.point, .point-calculator label.ico-fuel {
    position: absolute;
}
.point-calculator .text input, .search-panel .text input {
    width: 100%;
    box-sizing: border-box;
    padding-left: 26px !important;
}
.polezn_points.column .articles-list li {
    width: 50%;
}
}

@media (max-width:600px) {
.user-bar {
	display:none;
}
}

@media (max-width:550px) {
.city-routes li {
    width: 50%;
}
}

@media (max-width:500px) {
.point-calculator .add-panel {
    width: 100%;
}
.point-calculator .block {
    padding: 18px 10px 13px 10px;
}
.type-trans {
    padding: 2px;
    width: 100%;
}
.type-trans .btn-car {
    width: auto;
    padding: 0 4px;
}
.type-trans {
    width: auto;
}
.point-calculator .block .label {
    float: none;
    width: 100%;
    display: block;
}
.point-calculator .container.padding {
    padding: 11px 5px 3px;
}
.point-calculator .text input, .search-panel .text input {
    font: 87% Arial, Helvetica, sans-serif;
}
.articles .column {
    width: 100%;
    padding: 0 0 5px 0;
}
#footer .block {
	float: none;
    width: 100%;
    margin-bottom: 20px;
}
#footer .social-network,
#footer .container {
	width:50%;
}
}

@media (max-width:480px) {
ul.routes_list_block {
    width: 50%;
}

}

@media (max-width:450px) {
.logo {
    float: none;
    margin: 10px auto;
	    position: relative;
    z-index: 9999999999;
}
#header .slogan {
    margin: 0;
    width: 100%;
    float: none;
    padding: 0;
    text-align: center;
    background: none;
}
#header .container {
    padding: 0 0 10px;
}
.polezn_points.column .articles-list {
    padding: 0;
}
.sresult-list .number-point {
	display:none;
}
}

@media (max-width:400px) {
.polezn_points.column .articles-list li {
    width: auto;
}
}

@media (max-width:350px) {
.sresult-list .block {
    float: none;
}
.sresult-list .contact-info {
    width: 100%;
}
.sresult-list .block img {
    display: block;
    margin: 10px auto;
}
}